<!DOCTYPE html>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Register</title>
    <link rel="stylesheet" href="__PUBLIC__static/lib/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="__PUBLIC__static/assets/css/register.css">
    <link rel="stylesheet" href="__PUBLIC__static/assets/font/iconfont.css">
    <link rel="stylesheet" href="__PUBLIC__static/assets/font/main.css">
    <script src="__PUBLIC__static/lib/jquery/jquery.min.js"></script>
    <script src="__PUBLIC__static/lib/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="__PUBLIC__static/assets/js/libraries-e1271b70b1a9e4ba07ea96fd971baebb.js"></script>
</head>
<body>
    <header id="header">
        <div class="container-fluid">
            <div class="row header-wrap">
                <div class="col-xs-3"></div>
                <div class="col-xs-6 header-main">
                    <a href="{:url('index')}" class="mini-header-logo__link" title="JiuShou.com">
                        <!--<span class="mini-header-logo__title">BestBuy.com</span>-->
                        <span class="mini-header-logo__img"></span>
                    </a>
                    <a href="javascript:history.back()" class="header-href">Return to previous page</a>
                </div>
                <div class="col-xs-3"></div>
            </div>
        </div>
    </header>
    <section class="cia size-l cia--one-column ">
        <div class="sr-only">JiuShou: Expert Service, Unbeatable Price.</div>
        <div class="sr-only">Create a JiuShou.com account to get these benefits and more: Rewards on JiuShou Purchases. Enhanced online and store purchase information. Access to your protection plans and services.</div>
        <main class="cia-wrapper container">
            <div class="cia-content js-cia-content">
                <div class="cia-main-content ">
                    <div>
                        <div class="cia-long-form-spinner js-spinnable">
                            <h1 class="cia-heading cia-create-account__heading">Create an Account</h1>
                            <div class="cia-value-proposition-copy">You can also
                                <a href="javascript:void(0)" class="js-social-link">use Facebook to create an account</a>. It's fast and easy!</div>
                            <div class="alert__container js-alert-container" role="alert" aria-atomic="false"></div>
                            <form action="/" name="ciaCreateAccount" class="cia-form cia-create-account-form">
                                <div>
                                    <label class="cia-form__label" for="fld-firstName">First Name</label>
                                    <input name="firstName" id="fld-firstName" class="js-first-name cia-form__field" required="required" aria-required="true" data-kiosk-input="true" type="text"></div>
                                <div>
                                    <label class="cia-form__label" for="fld-lastName">Last Name</label>
                                    <input name="lastName" id="fld-lastName" class="js-last-name cia-form__field" required="required" aria-required="true" data-kiosk-input="true" type="text"></div>
                                <div>
                                    <label class="cia-form__label" for="fld-e">E-Mail Address</label>
                                    <input name="email_93mkFMBWBzXji%2FAEJngyR8uk%2Bk2BtymsP1jocc%2Bt1sv0%2FrnKNd%2FASN9rJUg%2BDznJ" id="fld-e" class="js-e cia-form__field" required="required" aria-required="true" maxlength="50" data-validation-attribute="email" data-kiosk-input="true" type="email"></div>
                                <span class="cia-password-wrap">
                <div>
                  <label class="cia-form__label" for="fld-p1">Password</label>
                  <a href="javascript:void(0)" class="cia-show-password__link js-show-password" title="Warning: Pressing this link will display the password in the Password field">Show Passwords</a>
                  <input name="password_D1N5RWWqSt6uMMVnPPB9ytFhydy%2Futm0ij6d%2Ba6kOu0oV%2BfPE4GmI2%2Ftfen2IGVy" id="fld-p1" class="js-p1 js-cp1 cia-form__field" maxlength="54" required="required" aria-required="true" placeholder="ex. &quot;Nine+twelve=21&quot; or &quot;Walk to the park.&quot;" aria-describedby="password-meter-hints" data-validation-attribute="password" data-kiosk-input="true" type="password">
                  <div class="password-meter">
                    <h2 class="password-meter__title">Password Strength</h2>
                    <div class="strength-copy-wrapper empty" hidden>
                      <span class="strength-copy" role="alert">Enter A Password</span></div>
                    <div class="strength-meter-wrapper empty" hidden>
                      <div class="strength-meter" id="strength" style="width: 0%"></div>
                      <div class="strength-hash hash-third"></div>
                      <div class="strength-hash hash-two-third"></div>
                    </div>
                    <div class="password-meter-hints" id="password-meter-hints">
                      <h3 class="password-meter__section-title password-meter__justification-title">Why create a strong password?</h3>
                      <p class="password-meter__justification-body">Account security is becoming more and more important all the time. And in order to keep your account safe, we need your help. We know that creating a strong and unique password might not be easy, but it can be fun. Try using an inside joke, a rhyme, or a reference to something only you would know.</p>
                      <p class="password-meter-example">Examples: "Banana is a color?" or "Cats are not hats"</p>
                      <h3 class="password-meter__section-title password-meter__components-title">To create a strong password, try using</h3>
                      <ul class="password-components">
                        <li>Letters (upper- and lowercase)</li>
                        <li>Spaces</li>
                        <li>Numbers</li>
                        <li>Special characters (including punctuation)</li></ul>
                    </div>
                  </div>
                </div>
              </span>
                                <div>
                                    <label class="cia-form__label" for="fld-p2">Confirm Password</label>
                                    <input name="reenterPassword_dgJgKnvq0yHmUaz%2Fx0KDjx47V8DHsyeub3W4yXq982y87FmozZmF9H9UoIOWJdNU" id="fld-p2" class="js-p2 cia-form__field" maxlength="54" required="required" aria-required="true" data-validation-attribute="reenterPassword" data-kiosk-input="true" type="password">
                                    <div class="cia-password-match">
                                        <i class="ficon-checkmark-circle cia-password-match__icon"></i>
                                        <span class="cia-password-match__text">Your passwords match!</span>
                                    </div>
                                    <div class="cia-password-notmatch">
                                        <span class="help-block" id="sc-validatr-376">Passwords do not match.</span>
                                    </div>
                                </div>
                                <div>
                                    <label class="cia-form__label" for="fld-phone">Phone Number</label>
                                    <span class="cia-tooltip-wrap">
                  <input name="phone" id="fld-phone" class="js-phone cia-form__field" required="required" aria-required="true" data-kiosk-input="true" type="tel">
                  <a href="javascript:void(0)" role="button" aria-label="We use this number to look up your member ID when you shop in JiuShou stores." class="bbytooltip-trigger tooltip-button" data-content="We use this number to look up your member ID when you shop in JiuShou stores." data-toggle="popover" data-placement="right">
                    <!--<i class="ficon-size-mini ficon-tooltip-circle-stroke"></i>-->
                  </a>
                </span>
                                </div>
                                <div class="cia-create-account__recovery-phone">
                                    <label>
                                        <input class="js-recovery-phone" aria-labelledby="ca-use-recovery-phone" type="checkbox">
                                        <span id="ca-use-recovery-phone">Use this mobile number for Account Recovery.</span></label>
                                    <a hidden href="javascript:void(0)" class="bbytooltip-trigger" data-bbytooltip-body="In the event that you need to reset your password, your Account Recovery phone number can be used to text you a verification code instead of e-mailing it." data-bbytooltip-position="right" data-bbytooltip-style="" data-bbytooltip-event="click">What is an Account Recovery phone number?</a></div>
                                <div class="js-sms-disclaimer" style="display: none;">
                                    <div class="cia-sms-disclaimer">Message and Data Rates May Apply. See JiuShou Account Recovery
                                        <a target="_blank" href="http://www.bestbuy.com/mobilefaqs">terms and conditions</a>.
                                        <strong>For help, text HELP to 332211.</strong></div>
                                </div>
                                <div class="js-member-widget-block">
                                    <div class="cia-optional-section  js-show-hide-block">
                                        <a href="javascript:void(0)" class="cia-optional-section__add js-show-hide-expand">
                                            <span class="cia-optional-section__add-text">Enter your My JiuShou member ID</span>
                                            <span class="cia-optional-section__caret ficon-caret-down js-caret"></span>
                                        </a>
                                        <div class="cia-optional-section__content cia-optional-section__content--hidden">
                                            <label for="fld-memberId"></label>
                                            <div class="cia-my-jiu-shou">
                                                <p>If you joined in store or have a My JiuShou credit card you already have a member ID.</p>
                                                <div>
                                                    <label class="cia-form__label" for="fld-memberId">My JiuShou Member ID</label>
                                                    <input id="fld-memberId" name="memberId" class="js-member-id cia-form__field" placeholder="Optional" aria-describedby="myJiuShouHeading" data-kiosk-input="true" data-keyboard-type="numpad" type="text"></div>
                                                <a href="javascript:void(0)" class="cia-my-jiu-shou__lookup js-find-member">Find my Member ID</a></div>
                                        </div>
                                    </div>
                                </div>
                                <input name="Roe" value="2A98F" type="hidden">
                                <button type="submit" class="cia-form__submit-button js-submit-button" data-track="MyBBY Create Account Attempt">
                                    <span class="btn-spinner"></span>
                                    <span class="btn-text">Create an Account</span></button>
                                <div class="cia-disclaimer">By continuing you agree to our
                                    <a target="_blank" href="https://www-ssl.bestbuy.com/site/Help-Topics/Conditions-of-Use/pcmcat204400050067.c?id=pcmcat204400050067">Terms and Conditions</a> and the
                                    <a target="_blank" href="https://www-ssl.bestbuy.com/site/Global-Promotions/null/pcmcat311100050001.c?id=pcmcat311100050001">My JiuShou
                                        <span class="super">®</span>Program Terms.</a></div>
                                <div class="horizontal-divider"></div>
                                <h1 id="socialOptions" tabindex="-1" class="cia-heading cia-create-account__heading social-section js-social-section">Use Facebook To Create an Account</h1>
                                <div class="cia-value-proposition-copy">We'll never post anything without your permission.</div>
                                <button type="button" class="cia-form__submit-button js-loading-button btn-leading-ficon social-signin-button js-fb-signin cia-create-account__fb-sign-in facebook-signin-button" data-track="Facebook Create Account">
                                    <span class="btn-spinner"></span>
                                    <i class="ficon-size-s ficon-facebook"></i>
                                    <span class="btn-text">Continue with Facebook</span></button>
                            </form>
                            <div class="cia-bottom-content cia-hit-target">
                                <div class="cia-bottom-content__content-wrap">
                                    <div class="cia-bottom-content__content">Already have an account?
                                        <a href="https://www-ssl.bestbuy.com/identity/signin?token=tid%3A9667045c-91d3-11e7-ade1-005056aede89" class="cia-bottom-content__action js-sign-in">Sign in</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="cia-branding">
                <span class="cia-branding__logo" title="JiuShou: Expert Service, Unbeatable Price."></span>
                <span class="cia-branding__secondary-content" title="Create a JiuShou.com account to get these benefits and more: Rewards on JiuShou Purchases. Enhanced online and store purchase information. Access to your protection plans and services."></span>
            </div>
        </main>
    </section>
    <footer role="contentinfo">
        <div class="mini-footer mini-footer--l js-mini-footer">
            <div class="mini-footer__links">
                <nav role="navigation" class="mini-footer__nav">
                    <ul>
                        <li>
                            <a href="http://www.bestbuy.com/site/legal-privacy-policies/conditions-of-use/pcmcat204400050067.c?id=pcmcat204400050067" data-lid="ft_cou">Terms and Conditions</a></li>
                        <li>
                            <a href="http://www.bestbuy.com/site/legal-privacy-policies/privacy-policy/pcmcat204400050062.c?id=pcmcat204400050062" data-lid="ft_pp">Privacy</a></li>
                        <li>
                            <a href="http://www.bestbuy.com/site/legal-privacy-policies/interest-based-ads/pcmcat204400050066.c?id=pcmcat204400050066" data-lid="ft_ip">Interest-Based Ads</a></li>
                    </ul>
                </nav>
                <div class="mini-footer__sites">
                    <a href="javascript:void(0)" class="mini-footer__feedback">Give Feedback</a>
                    <a href="javascript:void(0)" class="mini-footer__mobile js-mobile-site">Mobile Site</a></div>
            </div>
            <a href="http://privacy.truste.com/privacy-seal/Best-Buy-Co-,-Inc-/validation?rid=985df290-4d8a-4fee-9ed6-9092101f3215" aria-label="Truste Certificate" target="_blank" data-lid="ft_tru">
                <span class="hidden-text" aria-hidden="true">TRUSTe Certificate</span>
                <div class="truste"></div>
            </a>
            <div class="clearer"></div>
            <div class="mini-footer__disclaimer">Prices and offers are subject to change. © 2017 JiuShou. All rights reserved. JiuShou, the JiuShou logo, the Tag Design, MY JiuShou, and JiuShou.COM are trademarks of JiuShou and its affiliated companies.</div></div>
    </footer>
</body>
<script>
    $(document).ready(function () {
        $('.js-recovery-phone').click(function () {
            $(".js-sms-disclaimer").toggle("1000");
        });
        $(".cia-optional-section__add").click(function () {
            $(".cia-optional-section__content").toggle();
        });
        document.getElementsByClassName('js-social-link')[0].addEventListener("click",function () {
            document.getElementsByClassName('facebook-signin-button')[0].scrollIntoView();
        });
        $('.js-show-password').click(function () {
            $('.js-show-password').html() == "Show Passwords" ? $('.js-show-password').html("Hide Passwords") : $('.js-show-password').html("Show Passwords");
            $('#fld-p1').attr('type') == "password" ? $('#fld-p1').attr('type','text') : $('#fld-p1').attr('type','password');
        });
        $('#fld-p1').focus(function () {
            $('.password-meter').show();
        });
        $('#fld-p1').blur(function () {
            $('.password-meter').hide();
        });
        checkPasswork();
        function checkPasswork() {
            $('#fld-p2').blur(function () {
                if ($('#fld-p1').val().length>0 && $('#fld-p1').val()!=$('#fld-p2').val()) {
                    $('.cia-password-match').hide();
                    $(".cia-password-notmatch").show("500");
                }else if($('#fld-p1').val().length>0 && $('#fld-p1').val()==$('#fld-p2').val()) {
                    $(".cia-password-notmatch").hide();
                    $('.cia-password-match').show("500");
                }else {
                    $(".cia-password-notmatch").hide();
                    $('.cia-password-match').hide();
                }
            });
        }

    });
</script>
</html>